{extend name="template"}

{block name="body"}

<!-- 导航栏 -->
<div class="layui-row common-nav" style="width:100%;position:fixed;top:0;left:0;height:100px;z-index:90;">
    {include file="common/header" /}
</div>
<div id="search_form" style="display: none;z-index:1000;position:absolute;">
    {include file="common/search" /}
</div>

<!-- 轮播图 -->
<div class="layui-row list-carousel" style="position:fixed;width:100%;top:100px;left:0;height:250px;z-index:80;">
    <img style="width:100%;height:100%;"  src="__ROOT__/static/index/img/subbanner_03.jpg">
</div>

<div class="gas-index layui-fluid" style="width:100%;padding:10px 0 0;background-color:#f7f6f4;position:relative;margin-top:360px;z-index:110;">

    <div class="detail-content layui-row margin-top-20">
        <div>
            <div class="body">

                <h3 style="border-bottom:1px dashed #ccc;padding:20px 0;line-height:40px;height:40px;font-size:24px;width:100%;text-align:center;">{$article.title}</h3>
                <p style="border-bottom:1px dashed #ccc;padding:10px 0;line-height:30px;height:30px;font-size:18px;width:100%;text-align:center;">
                    <span>作者：</span>{$article.author}
                    <span style="padding-left:30px;">发稿日期：</span>{$article.create_at|format_datetime='Y-m-d'}
                    <span style="padding-left:30px;">阅读次数：</span>{$article.read_num}
                </p>
                <div style="font-size:14px;padding:20px 10px;line-height:20px;">{$article.content|raw}</div>
            </div>
        </div>
    </div>

    {include file="common/footer" /}

</div>

{/block}

{block name='style'}
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<script>if (location.href.indexOf('#') > -1) location.replace(location.href.split('#')[0])</script>
<link rel="stylesheet" href="__ROOT__/static/index/index.css">
{/block}

{block name='script'}
<script src="__ROOT__/static/index/index.js"></script>
{/block}
